*{margin:0; padding:0; list-style-type:none;}
html{height:100%;}
body{height:100%; overflow:hidden; color:#444; font-size:14px; background:#eee; font-family:"微软雅黑";}
a{text-decoration:none; color:#428bca;}
a:hover{color:#444;}
div{box-sizing:border-box;}
.clearfix{clear:both;}

#box-header{border-bottom:3px solid #20cdaa; font-size:14px; color:#aaa; height:80px; overflow:hidden; background:#222; position:absolute; left:0; top:0; width:100%; z-index:999;}
#box-header .left{width:300px; height:60px; position:absolute; left:0; top:10px;}
#logo{}
#logo a{display:block; height:60px; background:url(./images/manage_logo.png) no-repeat center center;}
#box-header .right{margin-left:300px; text-align:right; padding-top:40px; padding-right:30px; line-height:40px;}
#box-header .right span{padding-left:20px;}
#box-header .right span b{color:#20cdaa;}
#box-header .right a{color:#aaa;}
#box-header .right a:hover{color:#20cdaa;}

#sidebox{width:200px; position:absolute; left:0; top:0; height:100%; background:#444; color:#aaa; z-index:1;}
#sidebox .wrapper{padding-top:83px;}

#sidenav{}
#sidenav a{color:#aaa;}
#sidenav li.item{position:relative;}
#sidenav li.item a{height:50px; line-height:50px; border-bottom:1px solid #555; display:block; padding-left:50px;}
#sidenav li.item a i{padding-right:10px; color:#20cdaa; width:12px;}
#sidenav li.item i.switch{padding:0; position:absolute; right:40px; top:18px; transition:all 0.3s ease;}
#sidenav li.item ul.sub-nav{position:absolute; left:210px; top:0; background:#444; width:200px; display:none;}
#sidenav li.item ul.sub-nav .arrow{position:absolute; border-left:none; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #444; left:-10px; top:15px;}
/*
#sidebox a{color:#aaa;}
#sidebox a:hover{color:#20cdaa;}
#sidebox ul{}
#sidebox ul li{}
#sidebox ul li a{display:block; height:50px; line-height:50px; padding-left:50px; border-bottom:1px solid #3c3c3c;}
#sidebox ul li a i{padding-right:10px; color:#20cdaa; width:12px;}
*/
#mainbox{margin-left:230px; height:100%; position:relative; overflow:auto; z-index:0;}
#mainbox .wrapper{padding-top:100px;}
#mainbox .main{min-height:700px;}
#mainbox .main .w100{width:100%;}
#mainbox .main .w50{width:50%;}
#mainbox .main .itembox{float:left;}
#mainbox .main .itembox .wrap{border:1px solid #d1d1d1; background:#fff; box-shadow:0 0 10px #ddd; margin-bottom:30px; margin-right:30px;}
#mainbox .main .itembox h2{height:50px; line-height:50px; border-bottom:1px solid #d1d1d1; background:#efefef; font-size:18px; font-weight:normal; padding:0 20px;}
#mainbox .main .itembox h2 span{padding-left:30px;}
#mainbox .main .itembox h2 span a{display:inline-block; height:25px; border:1px solid #ddd; line-height:25px; text-align:center; padding:0 15px; font-size:14px; background:#fff;}
#mainbox .main .itembox .itemmain{min-height:300px; padding:30px 0;}

#edit_box{position:relative; margin:0 30px;}
#edit_box .edit_main{margin-right:370px;}
#edit_box .edit_main .item{padding-bottom:15px;}
#edit_box .edit_main .item label{display:block; font-size:14px; color:#555; padding-bottom:5px;}
#edit_box input.bar{height:40px; padding:0 10px; outline:none; line-height:40px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 5px #dfdfdf inset; font-size:14px; font-family:"微软雅黑";}
#edit_box input.bar1{width:100%;}
#edit_box textarea{border:1px solid #ddd; padding:10px; box-shadow:1px 1px 5px #ddd inset; border-radius:5px; box-sizing:border-box; outline:none; width:100%; font-size:14px; font-family:"微软雅黑"; color:#666; line-height:160%;}
#edit_box textarea.text1{height:500px;}
#edit_box textarea.text2{height:120px;}
#edit_box input.btn{height:45px; outline:none; border:none; background:#20cdaa; border-radius:5px; cursor:pointer; color:#fff;}
#edit_box input.btn:hover{background:#18ba99;}
#edit_box input.btn1{width:100%;}
#edit_box select{height:40px; width:100%; padding:0 10px; outline:none; line-height:40px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 5px #dfdfdf inset; font-size:14px; font-family:"微软雅黑";}

#edit_box .edit_side{width:350px; position:absolute; right:0; top:0;}
#edit_box .edit_side .sidebox{border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px;}
#edit_box .edit_side .sidebox h3{height:45px; line-height:45px; padding:0 20px; border-bottom:1px solid #ddd; font-weight:normal; background:#f1f1f1; font-size:16px;}
#edit_box .edit_side .sidebox .box{margin:0 15px; padding:20px 0;}

#adm_report{margin:0 30px;}
#adm_record{margin:0 30px;}

#adm_record_choose{width:600px; margin:0 auto; padding:50px 0;}
#adm_record_choose select{width:200px; height:40px; border:1px solid #ddd; border-radius:5px; outline:none; box-sizing:border-box; box-shadow:2px 2px 5px #dfdfdf inset; padding:0 10px;}
#adm_record_choose input{background:#428bca; height:40px; border:none; outline:none; border-radius:5px; color:#fff; cursor:pointer; width:150px;}

#adm_edit_head{margin:0 30px; padding-bottom:20px;}
#adm_edit_head span{padding-right:20px; font-size:16px; color:#666;}
#adm_edit_head span b{padding-left:10px; font-stretch:24px; color:#428bca;}
#adm_edit{margin:0 30px;}

#adm_ditches_list{margin:0 30px;}
#adm_ditches_list ul{}
#adm_ditches_list ul li{width:200px; float:left;}
#adm_ditches_list ul li .box{margin-right:20px; height:35px; line-height:35px; background:#dfdfdf;}
#adm_ditches_list ul li .box span.name{padding:0 10px;}

#adm_shop{margin:0 30px;}
#adm_shop_edit{margin:0 30px;}

#adm_user{margin:0 30px;}
#adm_user .bottom{padding:30px 0 10px;}
#adm_user .bottom a{display:inline-block; height:40px; line-height:40px; text-align:center; color:#fff; background:#428bca; padding:0 40px; border-radius:5px;}

#adm_setting{margin:0 30px;}

#edit_user{margin:0 30px;}

table.adm_table{border-top:1px solid #ddd; border-left:1px solid #ddd; color:#666;}
table.adm_table td,table.adm_table th{padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; font-weight:normal;}
table.adm_table th{background:#f1f1f1; text-align:center;}
table.adm_table td{padding:10px 20px; }
table.adm_table td.c{text-align:center;}
table.adm_table td.d{text-align:left;}
table.adm_table td a{color:#428bca;}
table.adm_table td a:hover{color:#444;}
table.adm_table td span.operate{padding:0 10px;}
table.adm_table td span.delete a{color:red;}
table.adm_table td input.bar{height:35px; border:1px solid #ddd; shabox-dow:1px 1px 5px #dfdfdf inset; padding:0 10px; line-height:35px; vertical-align:middle; outline:none; border-radius:5px; background:#fff; box-sizing:border-box;}
table.adm_table td input.bar1{width:250px;}
table.adm_table td input.bar2{width:100px;}
table.adm_table td input.bar3{width:500px;}
table.adm_table td textarea.text{border:1px solid #ddd; width:500px; box-shadow:1px 1px 5px #dfdfdf inset; padding:10px; line-height:160%; outline:none; border-radius:5px; background:#fff; box-sizing:border-box; font-size:14px; color:#555;}
table.adm_table td textarea.text1{height:100px;}
table.adm_table td input.btn{width:250px; height:40px; border:none; background:#428bca; color:#fff; border-radius:5px; outline:none; cursor:pointer;}


#mainbox .foot{color:#999; padding:0 0 30px; text-align:center; font-size:12px; clear:both;}


.windowBox{position:fixed; left:0; top:0; width:100%; height:100%; display:none;}
.windowBox .bg{position:absolute; left:0; top:0; background:#000; opacity:0.5; filter:alpha(opacity=50); width:100%; height:100%;}
.windowBox .main{width:600px; height:400px; position:absolute; left:50%; margin-left:-300px; top:50%; margin-top:-200px; background:#fff;}
.windowBox .main h2{height:50px; background:#f1f1f1; border-bottom:1px solid #ddd; line-height:50px; padding:0 20px; font-size:16px; font-weight:normal;}
.windowBox .main .mainbox{padding:20px 0; margin:0 20px;}
.windowBox .main .mainbox .item{padding-bottom:15px;}
.windowBox .main .mainbox .item label{display:block; padding-bottom:5px; color:#666;}
.windowBox .main .mainbox .item .bar{height:40px; line-height:40px; box-sizing:border-box; padding:0 10px; border:1px solid #ddd; line-height:40px; border-radius:5px; width:100%; background:#fff; outline:none;}
.windowBox .main .mainbox .item textarea{box-sizing:border-box; font-size:12px; font-family:"微软雅黑"; height:80px; padding:10px; border:1px solid #ddd; line-height:160%; border-radius:5px; width:100%; background:#fff; outline:none;}
.windowBox .main .mainbox .btn {display:block; background:#428bca; height:40px; line-height:40px; border:none; width:100%; border-radius:5px; outline:none; color:#fff; cursor:pointer;}


#loginpage{height:100%; position:relative; background:#428bca;}
#loginbox{width:400px; height:350px; position:absolute; background:#fff; border-radius:10px; left:50%; margin-left:-200px; top:50%; margin-top:-175px; box-shadow:0 0 15px #555; overflow:hidden;}
#loginbox h2{background:#eee; border-bottom:1px solid #ddd; height:50px; line-height:50px; font-size:20px; text-align:center; font-weight:normal; margin-bottom:25px;}
#loginbox .item{padding-bottom:15px; margin:0 30px;}
#loginbox .item input.bar{height:35px; border:1px solid #ddd; box-shadow:1px 1px 5px #dfdfdf inset; padding:0 10px; line-height:35px; vertical-align:middle; outline:none; border-radius:5px; background:#fff; box-sizing:border-box;}
#loginbox .item input.bar1{width:100%;}
#loginbox .item input.bar2{width:50%;}
#loginbox .item input.btn{height:40px; background:#428bca; cursor:pointer; color:#fff; border-radius:5px; width:100%; border:none;}
#imgcode{cursor:pointer; display:inline-block; height:35px; vertical-align:middle;}